<!--
 *  Views are loaded as plain text files so that you can use your own template
 *  parser with them, or just put HTML code into them and use them directly.
 *
 *  For example, this view uses the Mu template engine, and the template code
 *  below can be accessed at Ni.views.calculator.template.
 *  
 *  Note: Make sure that you have unique names for your files, regardless of
 *  file extension. For example, you should have just calculator.html, and not
 *  calculator.html and calculator.js. That way, Ni.views.calculator will
 *  point to one definite file.
 */


Result: <b>{{result}}</b>
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Gridex</title>
		<link rel="stylesheet" type="text/css" media="all" href="/gridexCSS.css">
		<script src="/jquery.js"></script>
		<script src="/gridex.js"></script>
		<script type="text/javascript"> 
			var pid = '{{pid}}';
		 </script>
	</head>

	<body>
		<div id = "main">
		
				<h2>Gridex</h2>
				<div id  = "info">
					<p class="info_label">Jugador</p>
					<p class="info_label">{{pid}}</p>
					<span class="relleno"></span>		
				</div>
				<div id  = "otherinfo">	
					<p class="otherinfo_label_colored">Puntaje:</p>
					<p class="otherinfo_label" id="score">0</p>	
					<p class="otherinfo_label">Clicks:</p>
					<p class="otherinfo_label" id="clicks">0</p>	
					<br></br>
					<br></br>
					<p class="otherinfo_label_colored2">Adversario:</p>
					<p class="otherinfo_label" id="score-enemy">0</p>	
					<p class="otherinfo_label">Clicks:</p>
					<p class="otherinfo_label" id="clicks-enemy">0</p>			
				</div>
				
				<table id = "tablero">
					<tr>
						<td><div class="base base1"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
					</tr>
					<tr>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="tile"></div></td>
						<td><div class="base base2"></div></td>
					</tr>
				</table>
		<div>
		
	</body>
</html>
